<!DOCTYPE html>
<html>


<!-- Mirrored from www.zi-han.net/theme/hplus/index_v1.html?v=4.0 by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:20 GMT -->
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--360浏览器优先以webkit内核解析-->


    <title>H+ 后台主题UI框架 - 主页示例</title>

    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">


</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row ">
        <div class="col-sm-12">
            <div class="col-sm-8">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <div class="echarts" id="chart"></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <h3>服务器参数</h3>
                        <table class="table">
                            <tr>
                                <th>服务器名称</th>
                                <td>demo.tomexam.com [117.32.155.36]</td>
                            </tr>
                            <tr>
                                <th>服务器时间</th>
                                <td>Mon Oct 23 15:01:34 CST 2017 , Asia/Shanghai</td>
                            </tr>
                            <tr>
                                <th>环境</th>
                                <td>Java(TM) SE Runtime Environment 1.6.0_23-b05</td>
                            </tr>
                            <tr>
                                <th>操作系统</th>
                                <td>Linux , 32 Bit , US , en</td>
                            </tr>
                            <tr>
                                <th>用户目录</th>
                                <td>/root/webapp</td>
                            </tr>
                            <tr>
                                <th>部署目录</th>
                                <td>/root/webapp/app_tomexam/</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/plugins/layer/layer.min.js"></script>
<script src="js/content.min.js"></script>
<script src="js/welcome.min.js"></script>
<script src="https://cdn.bootcss.com/echarts/3.6.2/echarts.js"></script>
<script>
    //省级人口性别比例
    var myChart = echarts.init(document.getElementById('chart'));
    option = {
        title: {
            text: '命题系统试题类型统计',
            left: 'center',
            textStyle:{
                color:'#333',
                fontSize:'22'

            }
        },
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b}: {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            x: 'left',
            data: ['腧穴', '成人穴位', '儿科穴位', '成人手法', '儿科手法']
        },
        series: [
            {
                name: '试题数量',
                type: 'pie',
                radius: ['50%', '70%'],
                avoidLabelOverlap: false,
                label: {
                    normal: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        show: true,
                        textStyle: {
                            fontSize: '30',
                            fontWeight: 'bold'
                        }
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data: [
                    {value: 335, name: '腧穴'},
                    {value: 310, name: '成人穴位'},
                    {value: 234, name: '儿科穴位'},
                    {value: 135, name: '成人手法'},
                    {value: 1548, name: '儿科手法'}
                ]
            }
        ]
    };
    myChart.setOption(option);
</script>
</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/index_v1.html?v=4.0 by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:20 GMT -->
</html>
